<!-- <div class="item seed-underline" *ngFor="let match of matchs;let i=index">
  <div *ngIf="scheduleType!==24011">
    <h2 *ngIf="match.stage&&!matchs.finals" class="stage">第{{match.stage | chineseNumber}}轮</h2>
    <h2 *ngIf="scheduleType===24005&&match.finals" class="stage">{{match.finals}}</h2>
  </div>
  <div class="content">
    <div class="basic-info text-overflow-ellipsis">
      <time>{{match.startTime|date:"yyyy'年'M'月'd'日'"}}</time>
      <span>星期{{match.startTime|ChineseWeek}}</span>
      <time>{{match.startTime|date:"HH:mm"}}</time>
      <span>{{match.placeNumber}}</span></div>
    <div class="team-logo">
      <div class="logo-box " (click)="goToIPPage(match.hostUserId)">
        <p class="avatar-box"
           [class.champion]="scheduleType === 24005 && match.winer === 'host' || scheduleType === 24011 && match.winer ==='host'"
           [class.waiver]="match.result === 3">
          <seed-avatar [lazyLoadAvatar]="match.hostIconUrl"></seed-avatar>
          <i class="seed-number" *ngIf="match.hostSeedValue!== 10000 && match.winer !== 'host' && scheduleType===24005">{{match.hostSeedValue}}</i>
        </p>
        <p class="name">{{match.hostUserName + (match.hostUserName2?  '&' + match.hostUserName2: '') | truncate:5}}</p>
      </div>
      <div class="score center">
        <p *ngIf="match.homeScore||match.guestScore">
          <span [class.zero]="match.homeScore==='0'">{{match.homeScore>999?'99X':match.homeScore}}</span>
          <i>:</i>
          <span [class.zero]="match.guestScore==='0'">{{match.guestScore>999?'99X':match.guestScore}}</span>
        </p>
        <span *ngIf="!match.homeScore&&!match.guestScore&&match.status!==4" class="no-scoring">暂无比分</span>
        <span *ngIf="match.status===4" class="no-scoring">已取消</span>
      </div>
      <div class="logo-box " (click)="goToIPPage(match.guestUserId)">
        <p class="avatar-box"
           [class.champion]="scheduleType===24005 && match.winer === 'guest' || scheduleType === 24011 && match.winer === 'guest'"
           [class.waiver]="match.result === 4">
          <seed-avatar [lazyLoadAvatar]="match.guestIconUrl"></seed-avatar>
          <i class="seed-number"
             *ngIf="match.guestSeedValue !== 10000 && match.winer !== 'guest' && scheduleType===24005">{{match.guestSeedValue}}</i>
        </p>
        <p class="name">{{match.guestUserName + (match.guestUserName2? '&' + match.guestUserName2 : '') | truncate:5}}</p>
      </div>
    </div>
  </div>
</div> -->

<div class="item seed-underline" *ngFor="let match of matchs; let i=index">
  <div *ngIf="!pageDate.isCup">
    <h2 *ngIf="match.stage && !matchs.finals" class="stage">第{{match.stage | chineseNumber}}轮</h2>
    <h2 *ngIf="scheduleType === 24005 && match.finals" class="stage">{{match.finals}}</h2>
  </div>
  <div class="content">
    <div class="detail-list">
      <div class="detail-item" (click)="jumpTo(match)">
        <div class="score-title">
          <p class="title-text">
            <span>{{match.startTime|date:"yyyy'年'M'月'd'日'"}}</span>
            <span>星期{{match.startTime|ChineseWeek}}</span>
            <span>{{match.startTime|date:"HH:mm"}}</span>
            <span>{{match.placeNumber}}</span>
          </p>
        </div>
        <div class="score-info" [class.many-people]="pageDate.joinRequireType === 1">
          <div class="team-box">
            <div class="team-member" [class.waiver]="match.result === 3">
              <seed-avatar class="team-picture" [lazyLoadAvatar]="match.hostIconUrl"
                           [class.champion]="(scheduleType === 24005 || pageDate.isCup)
                           && match.winer=== 'host'"></seed-avatar>
              <seed-avatar class="team-picture" [lazyLoadAvatar]="match.hostUserIconUrl2"
                           *ngIf="pageDate.joinRequireType === 1"></seed-avatar>
              <p class="team-name ">
                {{match.hostUserName + (match.hostUserName2? '&' + match.hostUserName2: '')}}
              </p>
            </div>
          </div>
          <div class="score-panel">
            <div class="result" *ngIf="match.homeScore || match.guestScore">
              <span [class.weak]="match.homeScore === '0'">{{match.homeScore}}</span>
              <span>:</span>
              <span [class.weak]="match.guestScore === '0'">{{match.guestScore}}</span>
            </div>
            <span class="cancel" *ngIf="match.status === 4">取消</span>
            <span class="cancel" *ngIf="!match.homeScore && !match.guestScore && match.status !== 4">暂无比分</span>
          </div>
          <div class="team-box">
            <div class="team-member" [class.waiver]="match.result === 4">
              <seed-avatar class="team-picture" [lazyLoadAvatar]="match.guestIconUrl"
                           [class.champion]="(scheduleType === 24005 || pageDate.isCup)
                           && match.winer === 'guest'"></seed-avatar>
              <seed-avatar class="team-picture" [lazyLoadAvatar]="match.guestUserIconUrl2"
                           *ngIf="pageDate.joinRequireType === 1"></seed-avatar>
              <p class="team-name">
                {{match.guestUserName + (match.guestUserName2? '&' + match.guestUserName2 : '')}}
              </p>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
